<!DOCTYPE html>
<html class="light">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="keywords" content="安信立融,北京安信立融,J博士安信立融,J博士投资管理系统,股权投资项目管理系统,股权投资平台,并购基金投资管理系统,引导基金投资管理系统,PE投资管理系统,股权投资平台,母基金管理系统,项目投资管理平台,引导基金投资管理系统,引导基金管理平台">
    <meta name="description" content="北京安信立融科技股份有限公司——J博士-做中国私募投资领域中专业的IT信息服务商[股权投资管理系统|并购基金投资管理系统|股权投资平台|引导基金投资管理系统|PE管理系统|PE投资管理系统|	引导基金管理平台|引导基金投资管理系统|PE管理系统|PE投资管理系统|引导基金管理平台...]">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title><%= webpackConfig.name %></title>

    <link rel='stylesheet' href='./luckysheet/plugins/css/pluginsCss.css' />
    <link rel='stylesheet' href='./luckysheet/plugins/plugins.css' />
    <link rel='stylesheet' href='./luckysheet/css/luckysheet.css' />
    <link rel='stylesheet' href='./luckysheet/assets/iconfont/iconfont.css' />
    <script src="./luckysheet/plugins/js/plugin.js"></script>
    <script src="./luckysheet/luckysheet.umd.js"></script>

    <style>
        html,
        body,
        #app {
            height: 100%;
            margin: 0px;
            padding: 0px;
        }

        .loader-wrapper {
            position: fixed;
            left: 0;
            top: 0;
            z-index: 1;
            width: 100%;
            height: 100%;
            overflow: hidden;
            background: #F5FAFD;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .loader {}

        .loader .logo {
            width: 20vh;
            height: 7vh;
            background: url(/logo.png);
            background-size: contain;
            background-repeat: no-repeat;
            display: block;
            margin: 0 auto 3vh;
        }


        .progress-bar {
            display: block;
            background-color: #E6EEFF;
            width: 30vh;
            height: 0.8vh;
            border-radius: 1rem;
            position: relative;
        }

        .progress-bar:after {
            content: "";
            background: linear-gradient(90deg, #8aaaff, #fa8cff);
            position: absolute;
            border-radius: 1rem;
            width: 100%;
            height: 100%;
            top: 0px;
            left: 0px;
            animation: load 4s infinite linear;
        }

        /*** KEYFRAMES ***/
        @keyframes load {
            0% {
                width: 5%;
                background: linear-gradient(90deg, #8aaaff, #fa8cff);
            }

            25% {
                background: linear-gradient(90deg, #8aaaff, #fa8cff);
            }

            50% {
                background: linear-gradient(90deg, #8aaaff, #fa8cff);
            }

            75% {
                background: linear-gradient(90deg, #8aaaff, #fa8cff);
            }

            90% {
                background: linear-gradient(90deg, #8aaaff, #fa8cff);
                width: 100%;
            }
        }
        .loadingName{
            display: none;
            margin: 0 auto 30px;
            max-height: 70px;
        }
    </style>
</head>

<body>
    <div id="app">
        <div class="loader-wrapper">
            <div class="loader">
                <div class="logo"></div>
                <img class="loadingName"></img>
                <div class="progress-bar"></div>
            </div>
        </div>
    </div>
    <script>
        var loadingName = localStorage.getItem('loadingName')
        if (loadingName) {
            var t = document.getElementsByClassName('logo')[0];
            t.style.display = 'none';
            var t = document.getElementsByClassName('loadingName')[0];
            t.style.display = 'block';
            t.src = loadingName;
        } else {
            var t = document.getElementsByClassName('logo')[0];
            t.style.display = 'block';
            var t = document.getElementsByClassName('loadingName')[0];
            t.style.display = 'none';
        }
        // 解决个别浏览器不支持该方法
        String.prototype.replaceAll = function(targetStr, newStr) {
          var sourceStr = this.valueOf()
          while (sourceStr.indexOf(targetStr) !== -1) {
            sourceStr = sourceStr.replace(targetStr, newStr)
          }
          return sourceStr
        }
    </script>
</body>

</html>
